html,
body{
    height: 100%;
}

@function vw($px){
    @return($px/750)*100vw;
}

.cart{
    height: 100%;
    .shop{
        padding: 0 vw(32);
        border-bottom: vw(18) solid #eeeeee;
        box-sizing: border-box;
        width: 100%;
        .stitle{
            height: vw(100);
            display: flex;
            align-items: center;
            justify-content: space-between;
            .iconfont{
                font-size: vw(36);
            }
            .sname{
                display: flex;
                h2{
                    font-size: vw(28);
                    margin-left: vw(18);
                }
            }
        }
        .slist{
            li{
                display: flex;
                align-items: center;
                height: vw(134);
                padding: vw(16) 0;
                img{
                    width: vw(134);
                    height: vw(134);
                    margin: 0 vw(30);
                }
                .gcontent{
                    height: 100%;
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    .top{
                        display: flex;
                        justify-content: space-between;
                        p{
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            width: vw(400);
                        }
                    }
                    .bottom{
                        display: flex;
                        justify-content: space-between;
                        .choosenum{
                            display: flex;
                            input{
                                // display: block;
                                box-sizing: border-box;
                                width: vw(50);
                                height: vw(50);
                                border: 1px solid #666666;
                                border-radius: vw(5);
                            }
                        }
                    }
                }
            }
        }
    }
    
    .total{
        height: vw(84);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: vw(32);
        position: fixed;
        bottom: 0;
        width: 100%;
        box-sizing: border-box;
        .pay{
            height: 100%;
            width: vw(184);
            background-color: #fd5000;
            color: #fff;
            line-height: vw(84);
            text-align: center;
        }
    }
    
    .checkbox{
        label{
            display: block;
            width: vw(36);
            height: vw(36);
            border: 1px solid #666666;
            border-radius: vw(6);
        }
        .active{
            background-image: url(../images/check.png);
            background-size: contain;
        }
        input{
            display: none;
        }
    }
}
